<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>background</title>
		<style type="text/css">
			div{
				width: 400px;    /*设置div的宽度*/
				height: 400px;	 /*设置div的高度*/		
				/*设置div的边框粗细为2px，样式为虚线，颜色为绿色
				border: 2px dotted lightseagreen; 
				/* 设置多图片背景
				 * 第一张小草图位于容器底部,从左边开始沿水平方向平铺，图片的宽为51px，高为46px;
				 * 第二张小鸟图向右移20px,向下移50px，不重复;
				 * 第三张小树图水平居中,垂直方向位于底部,图片宽200px，高200px，不重复;*/				
				background: url(../img/xiaocao.png) left bottom/51px 46px repeat-x,
							url(../img/bird.png) 20px 50px no-repeat,
							url(../img/tree.png) center bottom/200px 300px no-repeat;			
			}
		</style>
	</head>
	<body>
		<div></div>
	</body>
</html>
